<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>JsDoc Reference - $.dom.NodeList</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	width: 800px;
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 160px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 190px;
	width: 600px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #7F8FB1 solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align: right;
	font-size: 10px;
}
		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div align="center"><a href="../index.html">Class Index</a>
| <a href="../files.html">File Index</a></div>
<hr />
<h2>Classes</h2>
<ul class="classList">
	
	<li><a href="../symbols/%24.html">$</a></li>
	
	<li><a href="../symbols/%24.browser.html">$.browser</a></li>
	
	<li><a href="../symbols/%24.dom.html">$.dom</a></li>
	
	<li><a href="../symbols/%24.dom.DOMTokenList.html">$.dom.DOMTokenList</a></li>
	
	<li><a href="../symbols/%24.dom.Element.html">$.dom.Element</a></li>
	
	<li><a href="../symbols/%24.dom.HTMLElement.html">$.dom.HTMLElement</a></li>
	
	<li><a href="../symbols/%24.dom.KeyboardEvent.html">$.dom.KeyboardEvent</a></li>
	
	<li><a href="../symbols/%24.dom.KeyboardEventListener.html">$.dom.KeyboardEventListener</a></li>
	
	<li><a href="../symbols/%24.dom.keyCodes.html">$.dom.keyCodes</a></li>
	
	<li><a href="../symbols/%24.dom.keyCodes_fixes.html">$.dom.keyCodes_fixes</a></li>
	
	<li><a href="../symbols/%24.dom.keyCodes_Safari2.html">$.dom.keyCodes_Safari2</a></li>
	
	<li><a href="../symbols/%24.dom.keyNames.html">$.dom.keyNames</a></li>
	
	<li><a href="../symbols/%24.dom.Node.html">$.dom.Node</a></li>
	
	<li><a href="../symbols/%24.dom.NodeList.html">$.dom.NodeList</a></li>
	
	<li><a href="../symbols/%24.js.html">$.js</a></li>
	
	<li><a href="../symbols/%24.js.Array.html">$.js.Array</a></li>
	
	<li><a href="../symbols/%24.js.Object.html">$.js.Object</a></li>
	
	<li><a href="../symbols/%24.js.String.html">$.js.String</a></li>
	
	<li><a href="../symbols/%24.profiler.html">$.profiler</a></li>
	
	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
	
</ul>
<hr />
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Namespace $.dom.NodeList
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
			
				Holds the DOM NodeList methods, which allow the manipulation of 
multiple nodes in a single step.
				
				
					<br /><i>Defined in: </i> <a href="../symbols/src/src_core-dom.js.html">core-dom.js</a>.
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.dom.NodeList.">
				<caption>Namespace Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/%24.dom.NodeList.html">$.dom.NodeList</a></b>
							</div>
							<div class="description">Holds the DOM NodeList methods, which allow the manipulation of multiple 
nodes in a single step.</div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			

<!-- ============================== methods summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.dom.NodeList.">
					<caption>Method Summary</caption>
					<thead>
						<tr>
							<th scope="col">Method Attributes</th>
							<th scope="col">Method Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.addClass">addClass</a></b>(token)
								</div>
								<div class="description">Add the <var>token</var> to the class list of each element in the current 
NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.appendChild">appendChild</a></b>(child)
								</div>
								<div class="description">Insert a new node as the last child into each element from the current 
NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.appendTo">appendTo</a></b>(target)
								</div>
								<div class="description">Append all the nodes in the current NodeList to the <var>target</var> node.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.children">children</a></b>()
								</div>
								<div class="description">Create a new array containing the list of child elements of each item in 
the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.empty">empty</a></b>()
								</div>
								<div class="description">Remove all the child nodes from each element in the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.every">every</a></b>(callback, thisObject)
								</div>
								<div class="description">Check if the <var>callback</var> function returns true for every node in 
the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.filter">filter</a></b>(callback, thisObject)
								</div>
								<div class="description">Filter the current NodeList using the <var>callback</var> function.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.forEach">forEach</a></b>(callback, thisObject)
								</div>
								<div class="description">Execute the <var>callback</var> function for each node in the current 
NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.hasAttribute">hasAttribute</a></b>(attr)
								</div>
								<div class="description">Check if an attribute is defined for all the elements in the current 
NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.hasAttributeNS">hasAttributeNS</a></b>(ns, attr)
								</div>
								<div class="description">Check if a namespaced attribute is defined for all the elements in the 
current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.hasClass">hasClass</a></b>(token)
								</div>
								<div class="description">Check if all the elements in the current NodeList have the <var>token</var> 
in their list of class names.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.insertAfter">insertAfter</a></b>(ref)
								</div>
								<div class="description">Insert all the nodes in the current NodeList after a reference element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.insertBefore">insertBefore</a></b>(ref)
								</div>
								<div class="description">Insert all the nodes in the current NodeList before a reference element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.map">map</a></b>(callback, thisObject)
								</div>
								<div class="description">Create a new array with the same length as the current NodeList using the 
values returned by the <var>callback</var> function.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.prependChild">prependChild</a></b>(child)
								</div>
								<div class="description">Insert a new node as the first child into each element from the current 
NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.prependTo">prependTo</a></b>(target)
								</div>
								<div class="description">Prepend all the nodes in the current NodeList to the <var>target</var> 
node.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.reduce">reduce</a></b>(callback, initialValue)
								</div>
								<div class="description">Apply the <var>callback</var> function to two values in the current 
NodeList, from left to right, simultaneously, for the purpose of reducing 
the NodeList to a single value.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.reduceRight">reduceRight</a></b>(callback, initialValue)
								</div>
								<div class="description">Apply the <var>callback</var> function to two values from the current 
NodeList, from right to left, simultaneously, for the purpose of reducing 
the NodeList to a single value.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.removeAttribute">removeAttribute</a></b>(attr)
								</div>
								<div class="description">Remove an attribute from all the elements in the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.removeAttributeNS">removeAttributeNS</a></b>(ns, attr)
								</div>
								<div class="description">Remove a namespaced attribute from all the elements in the current 
NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.removeClass">removeClass</a></b>(token)
								</div>
								<div class="description">Remove the <var>token</var> from the class list of each element in the 
current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.removeFirstChild">removeFirstChild</a></b>()
								</div>
								<div class="description">Remove the first child from each element in the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.removeLastChild">removeLastChild</a></b>()
								</div>
								<div class="description">Remove the last child from each element in the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.setAttribute">setAttribute</a></b>(attr, val)
								</div>
								<div class="description">Set the value of an attribute, for each element in the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.setAttributeNS">setAttributeNS</a></b>(ns, attr, val)
								</div>
								<div class="description">Set the value of a namespaced attribute, for each element in the current 
NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.slice">slice</a></b>(begin, end)
								</div>
								<div class="description">Extract a section of the current NodeList and return it.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.some">some</a></b>(callback, thisObject)
								</div>
								<div class="description">Check if the <var>callback</var> function returns true for at least one 
node in the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.style">style</a></b>(property, value)
								</div>
								<div class="description">Get/set the style for all the elements in the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.toArray">toArray</a></b>()
								</div>
								<div class="description">Convert the current NodeList to an array.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.toggleClass">toggleClass</a></b>(token)
								</div>
								<div class="description">Toggle the presence of <var>token</var> in the class list of each element 
in the current NodeList.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.wrapAll">wrapAll</a></b>(wrapper)
								</div>
								<div class="description">Wrap all the nodes from the current NodeList inside a single 
<var>wrapper</var>.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.wrapEach">wrapEach</a></b>(wrapper)
								</div>
								<div class="description">Wrap each node from the current NodeList inside the given 
<var>wrapper</var>.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">$.dom.NodeList.<b><a href="../symbols/%24.dom.NodeList.html#.wrapInner">wrapInner</a></b>(wrapper)
								</div>
								<div class="description">Wrap the content of the nodes from the current NodeList inside the given 
<var>wrapper</var>.</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			
<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Namespace Detail
				</div>
				
				<div class="fixedFont">
						<b>$.dom.NodeList</b>
				</div>
				
				<div class="description">
					Holds the DOM NodeList methods, which allow the manipulation of multiple 
nodes in a single step.

<p>By default, the global <var>NodeList.prototype</var> object is extended to 
contain all the methods defined in this namespace.

<p>These methods are also used for extending the global 
<var>HTMLCollection.prototype</var> object.

<p>All of these methods use their <var>this</var> object. As such, you need 
to pass the correct <var>this</var> object.

<p>In the examples provided for each method we will assume that the objects 
defined are already extended. Thus code like 
<code><var>element.childNodes</var>.wrap('&lt;p&gt;')</code> can be written 
directly.
					
				</div>
				
				
				
				<pre class="code">// DOM elements have the <var>.childNodes</var> property object which holds
// the list of child nodes. This object is an instance of NodeList. By
// extending the <var>NodeList.prototype</var> you can do the following:

var <var>new_child</var> = document.createElement('p');
document.body.childNodes.appendChild(<var>new_child</var>);

// The above code appends a clone of the <var>new_child</var> into each child
// node of the document body.

// As expected, you can use any of the methods defined in this namespace.</pre>
				
				
				
				
					
					
					
					
					
					
						<dl class="detailList">
						<dt class="heading">Requires:</dt>
						
							<dd>$.js.Array</dd>
						
						</dl>
					
					
						<dl class="detailList">
						<dt class="heading">See:</dt>
						
							<dd><a href="../symbols/%24.dom.Node.html">$.dom.Node</a></dd>
						
							<dd><a href="../symbols/%24.dom.Element.html">$.dom.Element</a></dd>
						
						</dl>
					

			</div>
			

<!-- ============================== field details ========================== -->		
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					Method Detail
				</div>
				
					<a name=".addClass"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>addClass</b>(token)
					
					</div>
					<div class="description">
						Add the <var>token</var> to the class list of each element in the current 
NodeList.

<p>This method takes a single token, no spaces allowed.
						
						
					</div>
					
					
					
					<pre class="code"><code>document.body.childNodes.addClass('test');</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>token</b>
									
								</dt>
								<dd>The token to add to the list of class names, for each 
element in the current NodeList.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{DOMException.INVALID_CHARACTER_ERR|Error}</span>  <b></b>
								</dt>
								<dd>If the <var>token</var> 
contains a space character.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasClass">$.dom.NodeList.hasClass</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.toggleClass">$.dom.NodeList.toggleClass</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeClass">$.dom.NodeList.removeClass</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".appendChild"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>appendChild</b>(child)
					
					</div>
					<div class="description">
						Insert a new node as the last child into each element from the current 
NodeList.

<p>Given a node, this method clones it for every element in the current 
NodeList. The clone is then appended as the last child into each element.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like:
<code>&lt;body&gt;
  &lt;ul&gt;
    &lt;li&gt;test 1.1&lt;/li&gt;
    &lt;li&gt;test 1.2&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ol&gt;
    &lt;li&gt;test 2.1&lt;/li&gt;
    &lt;li&gt;test 2.2&lt;/li&gt;
  &lt;/ol&gt;
&lt;/body&gt;</code>

// You can do:
<code>var <var>elem</var> = document.createElement('li');
<var>elem</var>.className = 'test';</code>

// Append the element to the document.body child nodes.
<code>document.body.childNodes.appendChild(<var>elem</var>);</code>

// The body would then serialize to something like:
<code>&lt;body&gt;
  &lt;ul&gt;
    &lt;li&gt;test 1.1&lt;/li&gt;
    &lt;li&gt;test 1.2&lt;/li&gt;
    &lt;li class="test"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ol&gt;
    &lt;li&gt;test 2.1&lt;/li&gt;
    &lt;li&gt;test 2.2&lt;/li&gt;
    &lt;li class="test"&gt;&lt;/li&gt;
  &lt;/ol&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Node}</span> <b>child</b>
									
								</dt>
								<dd>The node to append as a child.</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> An array containing the inserted child nodes.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.prependChild">$.dom.NodeList.prependChild</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.prependChild">$.dom.Node.prependChild</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".appendTo"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{NodeList}</span>
					<span class="light">$.dom.NodeList.</span><b>appendTo</b>(target)
					
					</div>
					<div class="description">
						Append all the nodes in the current NodeList to the <var>target</var> node.  
All the nodes are inserted maintaining the same order as in the current 
NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like:
<code>&lt;body&gt;
  &lt;div&gt;
    &lt;p&gt;test a&lt;/p&gt;
    &lt;p&gt;test b&lt;/p&gt;
  &lt;/div&gt;
  &lt;p&gt;Test 1&lt;/p&gt;
  &lt;p&gt;Test 2&lt;/p&gt;
&lt;/body&gt;</code>

// You can do the following:
<code>var <var>div</var> = document.body.firstElementChild;</code>

// Move the &lt;div&gt; child nodes into the body element.
<code><var>div</var>.childNodes.appendTo(document.body);</code>

// Now the body would serialize to something like:
<code>&lt;body&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;p&gt;Test 1&lt;/p&gt;
  &lt;p&gt;Test 2&lt;/p&gt;
  &lt;p&gt;test a&lt;/p&gt;
  &lt;p&gt;test b&lt;/p&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Node}</span> <b>target</b>
									
								</dt>
								<dd>The target node where to append all of the nodes from 
the current NodeList.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>target</var> is not an instance of Node.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{NodeList}</span> The child nodes of the <var>target</var> node.
(<code><var>target</var>.childNodes</code>)</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.prependTo">$.dom.NodeList.prependTo</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.prependTo">$.dom.Node.prependTo</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.appendTo">$.dom.Node.appendTo</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".children"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>children</b>()
					
					</div>
					<div class="description">
						Create a new array containing the list of child elements of each item in 
the current NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like:
<code>&lt;body&gt;
  &lt;ul&gt;
    &lt;li&gt;test 1.1&lt;/li&gt;
    &lt;li&gt;test 1.2&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ol&gt;
    &lt;li&gt;test 2.1&lt;/li&gt;
    &lt;li&gt;test 2.2&lt;/li&gt;
  &lt;/ol&gt;
&lt;/body&gt;</code>

// You can do:
<code>var <var>elems</var> = document.body.childNodes.children();</code>

// Now <var>elems</var> is an array having four elements: the &lt;li&gt;
// nodes from the two body child nodes, the &lt;ul&gt; and the &lt;ol&gt;.</pre>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> The array containing the child elements of each item in 
the current NodeList.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".empty"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>empty</b>()
					
					</div>
					<div class="description">
						Remove all the child nodes from each element in the current NodeList.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> The array returned contains references to the removed 
nodes.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".every"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Boolean}</span>
					<span class="light">$.dom.NodeList.</span><b>every</b>(callback, thisObject)
					
					</div>
					<div class="description">
						Check if the <var>callback</var> function returns true for every node in 
the current NodeList.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>thisObject</b>
									<i>Optional</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>callback</var> is not a function.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> False is returned if the <var>callback</var> returns 
false once.  Otherwise, this method returns true.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Requires:</dt>
							
								<dd>$.js.Array.every</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html#.every">$.js.Array.every</a> for more details and examples</dd>
							
							</dl>
						

					<hr />
				
					<a name=".filter"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>filter</b>(callback, thisObject)
					
					</div>
					<div class="description">
						Filter the current NodeList using the <var>callback</var> function.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>thisObject</b>
									<i>Optional</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>callback</var> is not a function.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> The new array contains the nodes for which the 
<var>callback</var> function returned true.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Requires:</dt>
							
								<dd>$.js.Array.filter</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html#.filter">$.js.Array.filter</a> for more details and examples</dd>
							
							</dl>
						

					<hr />
				
					<a name=".forEach"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>forEach</b>(callback, thisObject)
					
					</div>
					<div class="description">
						Execute the <var>callback</var> function for each node in the current 
NodeList.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>thisObject</b>
									<i>Optional</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>callback</var> is not a function.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">Requires:</dt>
							
								<dd>$.js.Array.forEach</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html#.forEach">$.js.Array.forEach</a> for more details and examples</dd>
							
							</dl>
						

					<hr />
				
					<a name=".hasAttribute"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>hasAttribute</b>(attr)
					
					</div>
					<div class="description">
						Check if an attribute is defined for all the elements in the current 
NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Check if the border attribute is set for all the image elements.
<code>var imgs = $('img');
imgs.hasAttribute('border');</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>attr</b>
									
								</dt>
								<dd>The attribute name to be checked.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttribute">$.dom.NodeList.setAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttributeNS">$.dom.NodeList.setAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttribute">$.dom.NodeList.removeAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttributeNS">$.dom.NodeList.removeAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttributeNS">$.dom.NodeList.hasAttributeNS</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".hasAttributeNS"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>hasAttributeNS</b>(ns, attr)
					
					</div>
					<div class="description">
						Check if a namespaced attribute is defined for all the elements in the 
current NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Check if the border attribute is set for all the image elements.
<code>var imgs = $('img'),
    ns = '<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>';
imgs.hasAttributeNS(ns, 'border');</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>ns</b>
									
								</dt>
								<dd>The attribute XML namespace.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>attr</b>
									
								</dt>
								<dd>The attribute name to be checked.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttribute">$.dom.NodeList.setAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttributeNS">$.dom.NodeList.setAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttribute">$.dom.NodeList.removeAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttributeNS">$.dom.NodeList.removeAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttribute">$.dom.NodeList.hasAttribute</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".hasClass"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Boolean}</span>
					<span class="light">$.dom.NodeList.</span><b>hasClass</b>(token)
					
					</div>
					<div class="description">
						Check if all the elements in the current NodeList have the <var>token</var> 
in their list of class names.

<p>This method takes a single token, no spaces allowed.
						
						
					</div>
					
					
					
					<pre class="code"><code>document.body.childNodes.hasClass('test');</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>token</b>
									
								</dt>
								<dd>The token you want to toggle in the list of class 
names, for each element in the current NodeList.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{DOMException.INVALID_CHARACTER_ERR|Error}</span>  <b></b>
								</dt>
								<dd>If the <var>token</var> 
contains a space character.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> This method returns true if all the elements have the 
<var>token</var> in their class list. Otherwise, false is returned.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.addClass">$.dom.NodeList.addClass</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.toggleClass">$.dom.NodeList.toggleClass</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeClass">$.dom.NodeList.removeClass</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".insertAfter"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{NodeList}</span>
					<span class="light">$.dom.NodeList.</span><b>insertAfter</b>(ref)
					
					</div>
					<div class="description">
						Insert all the nodes in the current NodeList after a reference element.

<p>The reference element must have a parent element. All the nodes from the 
current NodeList will be inserted into the parent element. The inserted 
nodes will be positioned after the reference element.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like:
<code>&lt;body&gt;
  &lt;div&gt;
    &lt;p&gt;test a&lt;/p&gt;
    &lt;p&gt;test b&lt;/p&gt;
  &lt;/div&gt;
  &lt;p id="test1"&gt;Test 1&lt;/p&gt;
  &lt;p&gt;Test 2&lt;/p&gt;
&lt;/body&gt;</code>

// You can do the following:
<code>var <var>div</var> = document.body.firstElementChild,
    <var>test1</var> = $('#test1');</code>

// Move the &lt;div&gt; child nodes after <var>test1</var>.
<code><var>div</var>.childNodes.insertAfter(<var>test1</var>);</code>

// Now the body would serialize to something like:
<code>&lt;body&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;p id="test1"&gt;Test 1&lt;/p&gt;
  &lt;p&gt;test a&lt;/p&gt;
  &lt;p&gt;test b&lt;/p&gt;
  &lt;p&gt;Test 2&lt;/p&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Element}</span> <b>ref</b>
									
								</dt>
								<dd>The reference element.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>ref</var> is not an element node.</dd>
							
								<dt>
									<span class="light fixedFont">{ReferenceError}</span>  <b></b>
								</dt>
								<dd>If <var>ref.parentNode</var> is not an element 
node.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{NodeList}</span> The NodeList containing the child nodes of the 
reference parent element.
(<code><var>ref</var>.parentNode.childNodes</code>)</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.insertBefore">$.dom.NodeList.insertBefore</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.insertAfter">$.dom.Node.insertAfter</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".insertBefore"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{NodeList}</span>
					<span class="light">$.dom.NodeList.</span><b>insertBefore</b>(ref)
					
					</div>
					<div class="description">
						Insert all the nodes in the current NodeList before a reference element.

<p>The reference element must have a parent element. All the nodes from the 
current NodeList will be inserted into the parent element. The inserted 
nodes will be positioned before the reference element.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like:
<code>&lt;body&gt;
  &lt;div&gt;
    &lt;p&gt;test a&lt;/p&gt;
    &lt;p&gt;test b&lt;/p&gt;
  &lt;/div&gt;
  &lt;p id="test1"&gt;Test 1&lt;/p&gt;
  &lt;p&gt;Test 2&lt;/p&gt;
&lt;/body&gt;</code>

// You can do the following:
<code>var <var>div</var> = document.body.firstElementChild,
    <var>test1</var> = $('#test1');</code>

// Move the &lt;div&gt; child nodes before <var>test1</var>.
<code><var>div</var>.childNodes.insertBefore(<var>test1</var>);</code>

// Now the body would serialize to something like:
<code>&lt;body&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;p&gt;test a&lt;/p&gt;
  &lt;p&gt;test b&lt;/p&gt;
  &lt;p id="test1"&gt;Test 1&lt;/p&gt;
  &lt;p&gt;Test 2&lt;/p&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Element}</span> <b>ref</b>
									
								</dt>
								<dd>The reference element.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>ref</var> is not an element node.</dd>
							
								<dt>
									<span class="light fixedFont">{ReferenceError}</span>  <b></b>
								</dt>
								<dd>If <var>ref.parentNode</var> is not an element 
node.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{NodeList}</span> The NodeList containing the child nodes of the 
reference parent element.
(<code><var>ref</var>.parentNode.childNodes</code>)</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.insertAfter">$.dom.NodeList.insertAfter</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.insertAfter">$.dom.Node.insertAfter</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".map"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Boolean}</span>
					<span class="light">$.dom.NodeList.</span><b>map</b>(callback, thisObject)
					
					</div>
					<div class="description">
						Create a new array with the same length as the current NodeList using the 
values returned by the <var>callback</var> function.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>thisObject</b>
									<i>Optional</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>callback</var> is not a function.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> The new array has the same length, but the values are 
those returned by the <var>callback</var> function.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Requires:</dt>
							
								<dd>$.js.Array.map</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html#.map">$.js.Array.map</a> for more details and examples</dd>
							
							</dl>
						

					<hr />
				
					<a name=".prependChild"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>prependChild</b>(child)
					
					</div>
					<div class="description">
						Insert a new node as the first child into each element from the current 
NodeList.

<p>Given a node, this method clones it for every element in the current 
NodeList. The clone is then inserted as the first child into each element.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like:
<code>&lt;body&gt;
  &lt;ul&gt;
    &lt;li&gt;test 1.1&lt;/li&gt;
    &lt;li&gt;test 1.2&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ol&gt;
    &lt;li&gt;test 2.1&lt;/li&gt;
    &lt;li&gt;test 2.2&lt;/li&gt;
  &lt;/ol&gt;
&lt;/body&gt;</code>

// You can do:
<code>var <var>elem</var> = document.createElement('li');
<var>elem</var>.className = 'test';</code>

// Prepend the element to the document.body child nodes.
<code>document.body.childNodes.prependChild(<var>elem</var>);</code>

// The body would then serialize to something like:
<code>&lt;body&gt;
  &lt;ul&gt;
    &lt;li class="test"&gt;&lt;/li&gt;
    &lt;li&gt;test 1.1&lt;/li&gt;
    &lt;li&gt;test 1.2&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ol&gt;
    &lt;li class="test"&gt;&lt;/li&gt;
    &lt;li&gt;test 2.1&lt;/li&gt;
    &lt;li&gt;test 2.2&lt;/li&gt;
  &lt;/ol&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Node}</span> <b>child</b>
									
								</dt>
								<dd>The node to prepend as a child.</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> An array containing the inserted child nodes.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.appendChild">$.dom.NodeList.appendChild</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.prependChild">$.dom.Node.prependChild</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".prependTo"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{NodeList}</span>
					<span class="light">$.dom.NodeList.</span><b>prependTo</b>(target)
					
					</div>
					<div class="description">
						Prepend all the nodes in the current NodeList to the <var>target</var> 
node. All the nodes are inserted maintaining the same order as in the 
current NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like:
<code>&lt;body&gt;
  &lt;div&gt;
    &lt;p&gt;test a&lt;/p&gt;
    &lt;p&gt;test b&lt;/p&gt;
  &lt;/div&gt;
  &lt;p&gt;Test 1&lt;/p&gt;
  &lt;p&gt;Test 2&lt;/p&gt;
&lt;/body&gt;</code>

// You can do the following:
<code>var <var>div</var> = document.body.firstElementChild;</code>

// Move the &lt;div&gt; child nodes into the body element.
<code><var>div</var>.childNodes.prependTo(document.body);</code>

// Now the body would serialize to something like:
<code>&lt;body&gt;
  &lt;p&gt;test a&lt;/p&gt;
  &lt;p&gt;test b&lt;/p&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;p&gt;Test 1&lt;/p&gt;
  &lt;p&gt;Test 2&lt;/p&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Node}</span> <b>target</b>
									
								</dt>
								<dd>The target node where to prepend all of the nodes from 
the current NodeList.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>target</var> is not an instance of Node.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{NodeList}</span> The child nodes of the <var>target</var> node.
(<code><var>target</var>.childNodes</code>)</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.appendTo">$.dom.NodeList.appendTo</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.prependTo">$.dom.Node.prependTo</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.appendTo">$.dom.Node.appendTo</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".reduce"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>reduce</b>(callback, initialValue)
					
					</div>
					<div class="description">
						Apply the <var>callback</var> function to two values in the current 
NodeList, from left to right, simultaneously, for the purpose of reducing 
the NodeList to a single value.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<b>initialValue</b>
									<i>Optional</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>callback</var> is not a function.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd>The result of the last <var>callback</var> function invocation.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Requires:</dt>
							
								<dd>$.js.Array.reduce</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html#.reduce">$.js.Array.reduce</a> for more details and examples</dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.reduceRight">$.dom.NodeList.reduceRight</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".reduceRight"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>reduceRight</b>(callback, initialValue)
					
					</div>
					<div class="description">
						Apply the <var>callback</var> function to two values from the current 
NodeList, from right to left, simultaneously, for the purpose of reducing 
the NodeList to a single value.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<b>initialValue</b>
									<i>Optional</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>callback</var> is not a function.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd>The result of the last <var>callback</var> function invocation.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Requires:</dt>
							
								<dd>$.js.Array.reduceRight</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html#.reduceRight">$.js.Array.reduceRight</a> for more details and examples</dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.reduce">$.dom.NodeList.reduce</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".removeAttribute"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>removeAttribute</b>(attr)
					
					</div>
					<div class="description">
						Remove an attribute from all the elements in the current NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Remove the border attribute from all the images in the document.
<code>var imgs = $('img');
imgs.removeAttribute('border');</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>attr</b>
									
								</dt>
								<dd>The attribute name to be removed.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttribute">$.dom.NodeList.setAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttributeNS">$.dom.NodeList.setAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttributeNS">$.dom.NodeList.removeAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttribute">$.dom.NodeList.hasAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttributeNS">$.dom.NodeList.hasAttributeNS</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".removeAttributeNS"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>removeAttributeNS</b>(ns, attr)
					
					</div>
					<div class="description">
						Remove a namespaced attribute from all the elements in the current 
NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Remove the border attribute from all the images in the document.
<code>var imgs = $('img'),
    ns = '<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>';
imgs.removeAttributeNS(ns, 'border');</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>ns</b>
									
								</dt>
								<dd>The attribute XML namespace.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>attr</b>
									
								</dt>
								<dd>The attribute name to be removed.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttribute">$.dom.NodeList.setAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttributeNS">$.dom.NodeList.setAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttribute">$.dom.NodeList.removeAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttribute">$.dom.NodeList.hasAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttributeNS">$.dom.NodeList.hasAttributeNS</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".removeClass"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>removeClass</b>(token)
					
					</div>
					<div class="description">
						Remove the <var>token</var> from the class list of each element in the 
current NodeList.

<p>This method takes a single token, no spaces allowed.
						
						
					</div>
					
					
					
					<pre class="code"><code>document.body.childNodes.removeClass('test');</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>token</b>
									
								</dt>
								<dd>The token you want removed from the list of class 
names, for each element in the current NodeList.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{DOMException.INVALID_CHARACTER_ERR|Error}</span>  <b></b>
								</dt>
								<dd>If the <var>token</var> 
contains a space character.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.addClass">$.dom.NodeList.addClass</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasClass">$.dom.NodeList.hasClass</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.toggleClass">$.dom.NodeList.toggleClass</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".removeFirstChild"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>removeFirstChild</b>()
					
					</div>
					<div class="description">
						Remove the first child from each element in the current NodeList.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> The array returned contains references to the removed 
nodes.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeLastChild">$.dom.NodeList.removeLastChild</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.removeFirstChild">$.dom.Node.removeFirstChild</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.removeLastChild">$.dom.Node.removeLastChild</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".removeLastChild"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>removeLastChild</b>()
					
					</div>
					<div class="description">
						Remove the last child from each element in the current NodeList.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> The array returned contains references to the removed 
nodes.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeFirstChild">$.dom.NodeList.removeFirstChild</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.removeFirstChild">$.dom.Node.removeFirstChild</a></dd>
							
								<dd><a href="../symbols/%24.dom.Node.html#.removeLastChild">$.dom.Node.removeLastChild</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".setAttribute"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>setAttribute</b>(attr, val)
					
					</div>
					<div class="description">
						Set the value of an attribute, for each element in the current NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Set the border attribute for all images in the document.
<code>var imgs = $('img');
imgs.setAttribute('border', 0);</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>attr</b>
									
								</dt>
								<dd>The attribute name.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>val</b>
									
								</dt>
								<dd>The attribute value you want to set.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttributeNS">$.dom.NodeList.setAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttribute">$.dom.NodeList.removeAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttributeNS">$.dom.NodeList.removeAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttribute">$.dom.NodeList.hasAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttributeNS">$.dom.NodeList.hasAttributeNS</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".setAttributeNS"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>setAttributeNS</b>(ns, attr, val)
					
					</div>
					<div class="description">
						Set the value of a namespaced attribute, for each element in the current 
NodeList.
						
						
					</div>
					
					
					
					<pre class="code">// Set the border attribute for all images in the document.
<code>var imgs = $('img'),
    ns = '<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>';
imgs.setAttributeNS(ns, 'border', 0);</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>ns</b>
									
								</dt>
								<dd>The attribute XML namespace.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>attr</b>
									
								</dt>
								<dd>The attribute name.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>val</b>
									
								</dt>
								<dd>The attribute value you want to set.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.setAttribute">$.dom.NodeList.setAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttribute">$.dom.NodeList.removeAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeAttributeNS">$.dom.NodeList.removeAttributeNS</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttribute">$.dom.NodeList.hasAttribute</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasAttributeNS">$.dom.NodeList.hasAttributeNS</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".slice"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>slice</b>(begin, end)
					
					</div>
					<div class="description">
						Extract a section of the current NodeList and return it.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>begin</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>end</b>
									<i>Optional, Default: this.length</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>begin</var> is not a number, or if it is 
a negative number.</dd>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>end</var> is provided, but it is not a number.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> The new array returned contains all the nodes starting 
from the <var>begin</var> index (including it) up to the <var>end</var> 
index (excluding it).</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Requires:</dt>
							
								<dd>$.js.Array.slice</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html#.slice">$.js.Array.slice</a> for more details and examples</dd>
							
							</dl>
						

					<hr />
				
					<a name=".some"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Boolean}</span>
					<span class="light">$.dom.NodeList.</span><b>some</b>(callback, thisObject)
					
					</div>
					<div class="description">
						Check if the <var>callback</var> function returns true for at least one 
node in the current NodeList.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>thisObject</b>
									<i>Optional</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If <var>callback</var> is not a function.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True is returned if the <var>callback</var> returns true 
once. Otherwise, this method returns false.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Requires:</dt>
							
								<dd>$.js.Array.some</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html#.some">$.js.Array.some</a> for more details and examples</dd>
							
							</dl>
						

					<hr />
				
					<a name=".style"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{String|undefined}</span>
					<span class="light">$.dom.NodeList.</span><b>style</b>(property, value)
					
					</div>
					<div class="description">
						Get/set the style for all the elements in the current NodeList.

<p>If the <var>property</var> argument is a string, but the 
<var>value</var> is undefined, then this method finds the first element 
child in the current NodeList. The computed style of <var>property</var> is 
returned.

<p>If the <var>property</var> and the <var>value</var> arguments are both 
strings, then this method changes the style <var>property</var> to 
<var>value</var>. This is done for all the elements in the current 
NodeList.

<p>Similarly, if the <var>property</var> argument is an object, then all 
the values and properties in the object are used for changing the styles 
for all the elements in the current NodeList.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String|Object}</span> <b>property</b>
									
								</dt>
								<dd>The style property name to get/set (if the 
argument is a string), or the list of properties to set (if the argument is 
an object).</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>value</b>
									<i>Optional</i>
								</dt>
								<dd>The value you want to set for the given 
<var>property</var>.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{TypeError}</span>  <b></b>
								</dt>
								<dd>If the <var>property</var> argument is not a string, 
nor an object.</dd>
							
							</dl>
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String|undefined}</span> If the <var>property</var> argument is a string 
and  if the <var>value</var> argument is undefined, then this method 
returns the computed style of the given <var>property</var>. Otherwise, 
this method does not return anything.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.html#.getStyle">$.dom.getStyle</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".toArray"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Array}</span>
					<span class="light">$.dom.NodeList.</span><b>toArray</b>()
					
					</div>
					<div class="description">
						Convert the current NodeList to an array.

<p>Each NodeList item becomes an array element. The array has the same 
length as the NodeList object.

<p>The returned array is a static list. If the NodeList changes, the array 
does not.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Array}</span> The current NodeList converted to an array, having the 
same length.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.js.Array.html">$.js.Array</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".toggleClass"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>toggleClass</b>(token)
					
					</div>
					<div class="description">
						Toggle the presence of <var>token</var> in the class list of each element 
in the current NodeList.

<p>This method takes a single token, no spaces allowed.

<p>For each element, it is checked if the <var>token</var> is found in the 
list of class names. If yes, then the <var>token</var> is removed. If not, 
then the <var>token</var> is added.
						
						
					</div>
					
					
					
					<pre class="code"><code>document.body.childNodes.toggleClass('test');</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>token</b>
									
								</dt>
								<dd>The token you want to toggle in the list of class 
names, for each element in the current NodeList.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Throws:</dt>
							
								<dt>
									<span class="light fixedFont">{DOMException.INVALID_CHARACTER_ERR|Error}</span>  <b></b>
								</dt>
								<dd>If the <var>token</var> 
contains a space character.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.addClass">$.dom.NodeList.addClass</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.hasClass">$.dom.NodeList.hasClass</a></dd>
							
								<dd><a href="../symbols/%24.dom.NodeList.html#.removeClass">$.dom.NodeList.removeClass</a></dd>
							
							</dl>
						

					<hr />
				
					<a name=".wrapAll"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{NodeList}</span>
					<span class="light">$.dom.NodeList.</span><b>wrapAll</b>(wrapper)
					
					</div>
					<div class="description">
						Wrap all the nodes from the current NodeList inside a single 
<var>wrapper</var>.

<p>This method moves all the nodes from the current NodeList into the given 
<var>wrapper</var>. The effect of this action is that the current NodeList 
will only hold one child node (the <var>wrapper</var>) after this method 
executes.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like the following:
<code>&lt;body&gt;
  &lt;p&gt;test 1&lt;/p&gt;
  &lt;p&gt;test 2&lt;/p&gt;
&lt;/body&gt;</code>

// You can do:
<code>document.body.childNodes.wrapAll('&lt;div&gt;');</code>

// The body would then serialize to:
<code>&lt;body&gt;
  &lt;div&gt;
    &lt;p&gt;test 1&lt;/p&gt;
    &lt;p&gt;test 2&lt;/p&gt;
  &lt;/div&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Element|String}</span> <b>wrapper</b>
									
								</dt>
								<dd>The element or the string to use for 
wrapping all the nodes.</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{NodeList}</span> The list of wrapped child nodes.
(<code><var>wrapper</var>.childNodes</code>)</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.Element.html#.wrap">$.dom.Element.wrap</a> for more details and examples</dd>
							
							</dl>
						

					<hr />
				
					<a name=".wrapEach"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>wrapEach</b>(wrapper)
					
					</div>
					<div class="description">
						Wrap each node from the current NodeList inside the given 
<var>wrapper</var>.

<p>This method clones the <var>wrapper</var> for each node in the current 
NodeList. Then each node is inserted into its own wrapper clone. The effect 
of this action is that the current NodeList will only hold the cloned 
wrapper nodes themselves, after this method executes. The length of the 
NodeList does not change.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like the following:
<code>&lt;body&gt;
  &lt;ul&gt;
    &lt;p&gt;test 1&lt;/p&gt;
    &lt;p&gt;test 2&lt;/p&gt;
  &lt;/ul&gt;
&lt;/body&gt;</code>

// You can do:
<code>$('body &gt; ul')[0].childNodes.wrapEach('&lt;li&gt;');</code>

// The body would then serialize to:
<code>&lt;body&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;p&gt;test 1&lt;/p&gt;&lt;/li&gt;
    &lt;li&gt;&lt;p&gt;test 2&lt;/p&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Element|String}</span> <b>wrapper</b>
									
								</dt>
								<dd>The element or the string to use for 
wrapping each node.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.Element.html#.wrap">$.dom.Element.wrap</a> for more details and examples</dd>
							
							</dl>
						

					<hr />
				
					<a name=".wrapInner"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">$.dom.NodeList.</span><b>wrapInner</b>(wrapper)
					
					</div>
					<div class="description">
						Wrap the content of the nodes from the current NodeList inside the given 
<var>wrapper</var>.

<p>This method wraps the content of the nodes from the current NodeList 
into clones of the given <var>wrapper</var>.
						
						
					</div>
					
					
					
					<pre class="code">// Given a DOM tree like the following:
<code>&lt;body&gt;
  &lt;p&gt;test 1&lt;/p&gt;
  &lt;p&gt;test 2&lt;/p&gt;
&lt;/body&gt;</code>

// You can do:
<code>document.body.childNodes.wrapInner('&lt;strong&gt;');</code>

// The body would then serialize to:
<code>&lt;body&gt;
  &lt;p&gt;&lt;strong&gt;test 1&lt;/strong&gt;&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;test 2&lt;/strong&gt;&lt;/p&gt;
&lt;/body&gt;</code></pre>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Element|String}</span> <b>wrapper</b>
									
								</dt>
								<dd>The element or the string to use for 
wrapping the content of all the nodes in the current NodeList.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/%24.dom.Element.html#.wrap">$.dom.Element.wrap</a> for more details and examples</dd>
							
							</dl>
						

					
				
			
			
<!-- ============================== event details ========================= -->		
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			
			Documentation generated by <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a> 2.1.0 on Mon May 11 2009 19:36:23 GMT+0300 (EEST)
		</div>
	</body>
</html>
